<template>
    <div>
        <!--ornament-title begin -->
        <div class="ornament-bg-announcement">
            <div class="main">
                <h2>平台公告</h2>
            </div>
        </div>
        <!--ornament-title end -->

        <!-- announcement list begin -->
        <div class="main">
            <ul class="announcement-list">
                <li>
                    <h3>逆水寒陪玩师招募活动开启！火速报名</h3>
                    <p class="breviary">逆水寒陪玩师招募正式开始！简单约玩平台拥有最完善的推荐制度，
                        最透明花的入驻标准，最最丰厚的接单奖励！无论你是……</p>
                    <p class="time">2018-09-26</p>
                </li>

                <li>
                    <h3>国韵巅峰 网易新概念妖灵手游《神都夜行录》全平台上线！ </h3>
                    <p class="breviary">今日网易新概念妖灵手游《神都夜行录》，全平台正式上
                        线！作为一款以传统志怪神话为基础开发的妖灵收集养RPG手游……</p>
                    <p class="time">2018-09-26</p>
                </li>

                <li>
                    <h3>《荒野行动Plus》全面不限号今日开测！  </h3>
                    <p class="breviary">进入游戏，最先映入眼帘的是其中国特色的场景设计。第一
                        张地图“虎口岛”处于汪洋之间，是一座无人孤岛。岛中保有……</p>
                    <p class="time">2018-09-26</p>
                </li>

                <li>
                    <h3>惊魂！ 《第五人格》全新地图“月亮河公园”震撼上线 </h3>
                    <p class="breviary">欢迎你的到来，这里不用购买门票，所有娱乐设施免费体验!
                        今日网易首款非对称竞技手游《第五人格》，正式推出1V4玩……</p>
                    <p class="time">2018-09-26</p>
                </li>
                <li>
                    <h3>逆水寒陪玩师招募活动开启！火速报名</h3>
                    <p class="breviary">逆水寒陪玩师招募正式开始！简单约玩平台拥有最完善的推荐制度，
                        最透明花的入驻标准，最最丰厚的接单奖励！无论你是……</p>
                    <p class="time">2018-09-26</p>
                </li>

                <li>
                    <h3>国韵巅峰 网易新概念妖灵手游《神都夜行录》全平台上线！ </h3>
                    <p class="breviary">今日网易新概念妖灵手游《神都夜行录》，全平台正式上
                        线！作为一款以传统志怪神话为基础开发的妖灵收集养RPG手游……</p>
                    <p class="time">2018-09-26</p>
                </li>

                <li>
                    <h3>《荒野行动Plus》全面不限号今日开测！  </h3>
                    <p class="breviary">进入游戏，最先映入眼帘的是其中国特色的场景设计。第一
                        张地图“虎口岛”处于汪洋之间，是一座无人孤岛。岛中保有……</p>
                    <p class="time">2018-09-26</p>
                </li>

                <li>
                    <h3>惊魂！ 《第五人格》全新地图“月亮河公园”震撼上线 </h3>
                    <p class="breviary">欢迎你的到来，这里不用购买门票，所有娱乐设施免费体验!
                        今日网易首款非对称竞技手游《第五人格》，正式推出1V4玩……</p>
                    <p class="time">2018-09-26</p>
                </li>
                <li>
                    <h3>逆水寒陪玩师招募活动开启！火速报名</h3>
                    <p class="breviary">逆水寒陪玩师招募正式开始！简单约玩平台拥有最完善的推荐制度，
                        最透明花的入驻标准，最最丰厚的接单奖励！无论你是……</p>
                    <p class="time">2018-09-26</p>
                </li>

                <li>
                    <h3>国韵巅峰 网易新概念妖灵手游《神都夜行录》全平台上线！ </h3>
                    <p class="breviary">今日网易新概念妖灵手游《神都夜行录》，全平台正式上
                        线！作为一款以传统志怪神话为基础开发的妖灵收集养RPG手游……</p>
                    <p class="time">2018-09-26</p>
                </li>
            </ul>

            <!--page  begin-->
            <div class="page-layout">
                <ul class="page">
                    <li><a class="active">1</a></li>
                    <li><a>2</a></li>
                    <li><a>3</a></li>
                    <li><a>4</a></li>
                    <li><a>5</a></li>
                    <li><a>6</a></li>
                    <li><a>7</a></li>
                    <li><a>8</a></li>
                    <li>...</li>
                    <li><a>288</a></li>
                    <li><a>下一页</a></li>
                    <li>共288页</li>
                    <li>到第<input type="text">页</li>
                    <li><a type="button">确定</a></li>
                </ul>
            </div>
            <!--page  end-->
        </div>
        <!-- announcement list end -->

        <!-- footer begin -->
        <footerCom></footerCom>
        <!-- footer end -->
    </div>
</template>
<script>
import HeaderNav from '@/components/headerCom'
import footerCom from '@/components/footerCom'
export default {
    data(){
        return{
            
        }
    },
    created(){       
               
    },
    methods:{
       
    },
    components: {
        HeaderNav,
        footerCom
    },
    mounted(){
        
    }
}
</script>

<style scoped>
@import "../assets/css/reset.css";
@import "../assets/css/layout.css";
@import "../assets/css/top2.css";
@import "../assets/css/announcement.css";
@import "../assets/css/page.css";
@import "../assets/css/footer.css";
</style>
